<template>
    <div>
        <el-container>
            <el-header>
                <el-row>
                    <el-col :span="2" ><h1 >A_Stein</h1></el-col>
                    <el-col :span="22" style="margin-top:20px"><el-button type="text" @click="func()" style="float: right;margin-right: 30px;margin-bottom: 0;color: #000;">绘图</el-button></el-col>
                </el-row>
            </el-header>
            <el-main style="margin-top: 100px">
                <h1 style="font-size:3.2rem;line-height: 80px;font-weight: 400;text-align: center;">一款基于Artiflow业务管理模型的绘图软件</h1>
                <h3 style="font-size: 1.2rem;line-height: 28px;font-weight: 400;text-align: center">支持文件XML格式导入导出、生成SQL语句模型</h3>
                <img style="text-align: center" src="./img/demoImg.png" alt="示例图"/>
            </el-main>
            <el-footer style="margin-top: 100px">
                <div class="footer-item">邮箱：18302158079@163.com</div>
                <div class="footer-item">QQ：1772972850</div>
                <div class="footer-item">东华大学计算机科学与技术学院</div>
            </el-footer>
        </el-container>
    </div>
</template>

<script>
    export default {
        name: "Home",
        methods: {
            func(){
                console.log("here");
                this.$router.push({name:'mxGraph'});
            }
        }
    }
</script>

<style scoped>
.footer-item{
    line-height: 30px;
    color: #777;
    font-size: 13px;
}
</style>